<!-- 收藏记录页面 -->

<template>
  <view class="collect">收藏夹 <text>· 3</text></view>
  <view class="list">
    <view class="left2"><image src="../../static/images/bhistory2.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">这不是我家的猪猪吗？</text>
    </view>
  </view>
  <view class="list">
    <view class="left3"><image src="../../static/images/bhistory3.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">师姐，这招叫做一剑霜寒十四州</text>
    </view>
  </view>
  <view class="list">
    <view class="left4"><image src="../../static/images/bhistory4.jpg" mode="aspectFill"></image></view>
    <view class="right">
      <text class="main1">走带你们去迪拜！</text>
    </view>
  </view>
</template>

<style lang="scss">
.collect {
  font-weight: 800;
  border-bottom: 1rpx solid rgb(138, 140, 142);
}
.collect text {
  font-size: 26rpx;
  color: rgb(138, 140, 142);
}
.list {
  display: flex;
  margin-top: 10rpx;
  margin-bottom: 40rpx;
}
.main1 {
  margin-left: 20rpx;
  font-size: 26rpx;
}
image{
	width: 300rpx;
	height: 160rpx;
	margin-top: 6rpx;
	margin-left: 10rpx;
	border-radius: 10rpx;
}
</style>
